---
layout: default
---

<div class="content">
	<div class="post">
		<h2 class="post-title center">{{ page.title }}</h2>
		<div class="post-info">
			{% if page.date %}
			<div class="post-meta center">{{ page.date | date: "刘看山 写于 %Y年%m月%d日" }}</div>
			{% endif %}
		<div hidden>自己字集（ziji.info）</div>
		</div>
		{{ content }}
	</div>
	<div hidden>自己字集（ziji.info）</div>
	<div class="pagination">
		{% if page.next.url %}
		<a class="pure-button left" href="{{ page.next.url | prepend: site.baseurl }}"><i class="fa-solid fa-arrow-left"></i> 上一篇</a>
		{% endif %}
		{% if page.previous.url %}
		<a class="pure-button right" href="{{ page.previous.url | prepend: site.baseurl }}">下一篇  <i class="fa-solid fa-arrow-right"></i></a>
		{% endif %}
	</div>
	<div class="pagination"></div>
	<div hidden>自己字集（ziji.info）</div>
	<div id="gitalk-container"></div>
</div>
<link rel="stylesheet" href="//cdn.staticfile.net/gitalk/1.8.0/gitalk.min.css">
<script src="//cdn.staticfile.net/gitalk/1.8.0/gitalk.min.js"></script>
<script>
  var gitalk = new Gitalk({
  clientID: '1e39e580bea2c45df802',
  clientSecret: '275c84d22db23bec34707a8ae321613ed246fe18',
  repo: 'wx8.github.io',
  owner: 'wx8',
  admin: ['wx8'],
  id: location.pathname,
  distractionFreeMode: false
})
gitalk.render('gitalk-container')
</script>
<link rel="stylesheet" href="//cdn.staticfile.net/highlight.js/11.4.0/styles/atom-one-dark.min.css">
<script type="text/javascript" src="//cdn.staticfile.net/highlight.js/11.4.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>